<template>
	<view class="list" >
		<view class="title">
			{{title}}
		</view>
		<view class="item" v-for="(item,index) in list" :key="index">
			<slot :row="item" :index="index" ></slot>
		</view>
	</view>
</template>

<script>

export default {
	props: {
		title: { type: String },
		list: {
			type: Array,
			default() {
				return []
			}
		}
		// theme:{type:String},
	},
	methods: {
		clickTabbar(item) {
			this.$emit('click-tabbar', item);
		}
	}
};
</script>

<style lang="scss" scoped>
.list{
	display: flex;
	flex-direction: column;
	.title{
		border-bottom: solid 1px #efefef;
	}
	.item{
		border-bottom: solid 1px #efefef;
		height: 250rpx;
	}
}
</style>
